<template>
	<view class="home">
		<view class="head">
			<view class="money">
					<text @click="sign()">签到领钱</text>
			</view>
			<text class="appname">万象生活团购</text>
		</view>
		<view class="modal">
			<view class="modalbox">
				<text class="no">抱歉，该功能暂未开放。</text>
				<view @click="sure()" class="green">
					确认
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		
		methods:{
			sure(){
				console.log(111)
				uni.switchTab({
					url: './Index'
				});
			}
		}
	}
</script>

<style>
	.home {
		background-color: #EEEEEE;
		height: 100vh;
		position: relative;
	}
	
	.head {
		width: 100%;
		height: 150rpx;
		background-color: #02127B;
		color: #FFFFFF;
		display: flex;
		flex-direction: row;
		line-height: 220rpx;
	}
	
	.head .money {
		font-size: 12px;
		margin-left: 20rpx;
	}
	
	.head .appname {
		color: #FFFFFF;
		font-size: 17px;
		margin-left: 190rpx;
	}
	.modalbox{
		width: 710rpx;
		height: 418rpx;
		border-radius: 10rpx;
		background-color: #FFFFFF;
		position: absolute;
		top: 490rpx;
		left: 20rpx;
		text-align: center;
	}
	.modal{
		background-color: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100vh;
		z-index: 100;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	.no{
		color: #333333;
		font-size: 48rpx;
		font-weight: bold;
		line-height: 418rpx;
	}
	.green{
		width: 160rpx;
		height: 72rpx;
		background-color: #0FD41D;
		border-radius:10rpx ;
		margin-left: 276rpx;
		margin-top: -128rpx;
		color: #FFFFFF;
		font-size: 34rpx;
		font-weight: bold;
		text-align: center;
		line-height: 72rpx;
	}
</style>
